<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字处理</title>
</head>
<style>
    p{
        font-size: 30px;
        font-family: "华文彩云","宋体";
        /*字体可以设置多个，如果前面的没找到或者没生效则生效后面的*/
        font: 50px "微软雅黑";
        /*字号和字体可以使用font在一行中设置,合并属性*/
    }
    a{
        text-decoration: underline;
        text-decoration: overline;
        text-decoration: line-through;
        text-decoration: none;
        /*去掉 所有修饰线*/

    }
    div{
        width: 200px;
        height: 200px;
        border: 5px solid red;
        text-align: center;
        /*文字水平居中不是加给文字，是加给div，且仅对单行生效*/
        /*多行出出div*/
        line-height: 200px;
    }
    span{
        font-weight:bold;
        font-weight:lighter;
        font-weight:normal;
        font-style: italic;
    }
    h4{
        text-shadow: 5px 5px 5px red;
        /*水平 垂直 羽化 颜色*/
    }
</style>
<body>
<p>我是测试文字 123 ABC abc</p>
<a href="#">超链接</a>
<div>
    我是div <br>
我是div
</div>
<span>我是span</span>
<h4>文字阴影</h4>
</body>
</html>